<script>
    changeClassBody('marginTop125');
</script>
<div class="row" >
    <input type='hidden' class='base_url' value='{base_url}' readonly="">
    <div class="navbar-right pull-right hidden-xs">
        <img class="pic img-circle imgPerfil " src="{base_url}assets/fotos/{pasta}{foto}" alt="Foto de Perfil">
        <!--<div class="name"><small>{nome}</small></div>-->
    </div>
    <div class="panel_img " style="background-image: url('{local}imagens/background-default.jpg'); height: 115px">
<!--                    <div class="logo" ><a href="{base_url}{ref}"><img src="{base_url}assets/logo_empresa/{logo}" ></a></div>-->


        <div class="navbar-nav navbar-right pull-right" style="width: 140px; ">

            <ul class="nav  navbar-right config">
                <li class="dropdown">
                    <a href="#" class=" btn btn-info  "  data-toggle="dropdown">Config <b class="caret"></b></a>
                    <!--<a href="#" class=" btn btn-info  " style="position: relative; right: -158px;" data-toggle="dropdown">Config <b class="caret"></b></a>-->
                    <ul class="dropdown-menu">
                        <li   class="well">
                            <div class='text-center '>
                                <img class="img-responsive visible-xs imgPerfil" style="padding:8%;" src="{base_url}assets/fotos/{pasta}{foto}" alt="Foto de Perfil"/>
                                <a class="config btn btn-sm btn-default alterarImagem " data-ctrl="{base_url}{pasta}uploadImagem/{codigo}/{foto}" style="width: 120px" data-toggle="modal" href="#updateImage">
                                    <i class="glyphicon glyphicon-user"></i> Mudar Imagem </a>

                            </div>
                            <!--<a href="#" class="btn btn-xs btn-primary pull-right" style="margin:10px;"><span class="glyphicon glyphicon-picture"></span> Change cover</a>-->
                            <a href="{base_url}{ref}configuracao"  class="config btn btn-sm btn-default config"><i class="glyphicon glyphicon-cog"></i> Configura&ccedil;&otilde;es</a>
                            <!--<a href="#" class="btn btn-sm btn-default"><span class="glyphicon glyphicon-lock"></span> Security</a>-->
                            <a href="{base_url}login/efetuarLogout" class=" config btn btn-sm btn-default logout"><i class="glyphicon glyphicon-log-out"></i> Sair</a>
                            <!--</div>-->
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>

    <?php /*
      <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand logo-nav" href="{base_url}"><img class="" src="{local}imagens/logo.png" width="180" height="75"></a>
      <a class="navbar-brand" href="#">Sistema de Receituario Online</a>
      </div>
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

      <ul class="nav navbar-nav navbar-right">
      <li class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Ol&aacute; {usuario} <b class="caret"></b></a>
      <ul class="dropdown-menu">
      <li align="center" class="well">
      <div><img class="img-responsive" style="padding:2%;" src="http://lh5.googleusercontent.com/-b0-k99FZlyE/AAAAAAAAAAI/AAAAAAAAAAA/twDq00QDud4/s120-c/photo.jpg"/><a class="change" href="">Change Picture</a></div>
      <a href="#" class="btn btn-sm btn-default"><span class="glyphicon glyphicon-cog"></span> Configura&ccedil;&otilde;es</a>
      <a href="#" class="btn btn-sm btn-default"><span class="glyphicon glyphicon-lock"></span> Security</a>
      <a href="#" class="btn btn-sm btn-default"><span class="glyphicon glyphicon-log-out"></span> Logout</a>
      </li>
      </ul>
      </li>
      </ul>
      </div><!-- /.navbar-collapse -->
     * 
     */
    ?>